<template>
	<view class="my-search" :style="{'background-color':bgcolor}">
		<view class="search" @click="$emit('myclick')" :style="{'border-radius':radius+'px'}">
			<icon type="search" size="18" class="searchicon"/>
			搜索商品
		</view>
	</view>
</template>

<script>
	export default {
		name:"my-search",
		data() {
			return {
				
			};
		},
		props:{
			bgcolor:{
				type:String,
				default:'#4cc6aa'
			},
			radius:{
				type:Number,
				default:18
			}
		},
		methods:{
			
		}
	}
</script>

<style lang="scss">
.my-search{
	width: 100%;
	margin: 0 auto;
	height:100rpx;
	// display: flex;
	// align-items: center;
	.search{
		width: 90%;
		height: 70%;
		margin: 0 auto;
		background-color: #FFFFFF;
		font-size: 14px;
		color: #c6c6c6;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		
	}
	
}

</style>
